<template>
  <view :style="themeColor">
    <view class="page">
      <view class="flex flex-direction flex-wrap align-stretch benben-position-layout flex homePage_flex_0"
        :style="{height:(90+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
        <view class='flex flex-wrap align-center flex-sub'>
          <view>
            <benben-flex-tabs class-name='homePage_benbenTabsfd0_0_c0' v-model="tabls" ref="benben_tabsfd0_0_c0"
              select-mark="benben_tabsfd0_0_c0" key="benben_tabsfd0_0_c0" :open-title-type='false' :open-sticky='true'
              :top='0' :is-show-content='false' :scrollspy='false' :tabs-info.sync="tabsInfofd0_0_c0"
              @change="chenckChoose()">


              <view class='flex flex-wrap align-center justify-end homePage_rightfd0_0_c0_c0'>
                <image class='homePage_rightfd0_0_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"23.png"'
                  @tap.stop="handleJumpDiy" data-type="navigateTo" :data-url="`/pages/shouye/search/search`"></image>
              </view>

              <scroll-view @scroll="tabsInfofd0_0_c0.scrollX = $event.detail.scrollLeft" id="benben_tabsfd0_0_c0"
                class="benben-tabs" style="width:750rpx;position: relative;left: 20rpx;" :scroll-x="true"
                :scroll-left.sync="tabsInfofd0_0_c0.moveX" scroll-with-animation="all .3s ease">
                <view class="benben-tabs-content" id="benben_tabsfd0_0_c0-content">

                  <view id="benben_tabsfd0_0_c0-title" class="benben-tabs-title justify-center flex align-center flex ">
                    <view
                      :class="{ 'checkTitlefd0_0_c0': tabls == '1', 'flex flex-wrap align-center homePage_titlefd0_0_c0_c3': true }"
                      @tap="tabls = '1'" :id="`benben_tabsfd0_0_c0-title-item-${'1'}`">

                      <text>关注</text>

                    </view>
                    <view
                      :class="{ 'checkTitlefd0_0_c0': tabls == '2', 'flex flex-wrap align-center homePage_titlefd0_0_c0_c3': true }"
                      @tap="tabls = '2'" :id="`benben_tabsfd0_0_c0-title-item-${'2'}`">

                      <text>发现</text>

                    </view>


                    <view
                      :class="{ 'checkTitlefd0_0_c0': tabls == '3', 'flex flex-wrap align-center homePage_titlefd0_0_c0_c3': true }"
                      @tap="tabls = '3'" :id="`benben_tabsfd0_0_c0-title-item-${'3'}`">

                      <text>学校</text>

                    </view>
                  </view>
                  <view :style="{ left: tabsInfofd0_0_c0.lineleft, maxWidth: tabsInfofd0_0_c0.lineWidth ,}"
                    id="benben_tabsfd0_0_c0-line"
                    class="benben-tabs-line flex benben-flex-tabs-line homePage_linefd0_0_c0"></view>
                </view>
              </scroll-view>


              <view class='flex flex-wrap align-center justify-start homePage_rightfd0_0_c0_c0'>
                <image class='homePage_rightfd0_0_c0_c0_c0' mode="aspectFit" src='/static/tab/tab_diy2.png'
                  @tap.stop="isedit=!isedit" data-type="navigateTo" :data-url="`/pages/tabBar/releasePage/releasePage`">
                </image>
              </view>
            </benben-flex-tabs>

          </view>
        </view>

      </view>
      <view class="mask-fiii" v-if="isedit" :style="{top: (90+StatusBarRpx)+'rpx'}">
        <view class='flex flex-direction align-stretch benben-flex-position-popup flex favoritePosts_popup_1'>
          <text class='favoritePosts_positionPopup1_c0' @tap.stop="gopublishFunc(1)">发个帖</text>
          <text class='favoritePosts_positionPopup1_c0' @tap.stop="gopublishFunc(2)">提个问</text>
          <text class='favoritePosts_positionPopup1_c0s' @tap.stop="gopublishFunc(3)">组个局</text>
          <!-- <text class='favoritePosts_positionPopup1_c2' @tap.stop="delFunc()">删除收藏夹</text> -->
        </view>
      </view>
      <!-- #ifdef APP -->
      <view v-if="tabls!=2" :style="{height: (0+StatusBarRpx)+'rpx'}"></view>
      <view v-else :style="{height: (90+StatusBarRpx)+'rpx'}"></view>
      <!-- #endif -->
      <!-- #ifdef H5 -->
      <view v-if="tabls!=2" :style="{height: (90+StatusBarRpx)+'rpx'}"></view>
      <!--#endif  -->

      <view class="flex flex-direction flex-wrap align-stretch benben-position-layout flex homePage_flex_1"
        :style="{top:(90+StatusBarRpx)+'rpx', }" v-if="tabls==2">
        <view class='flex flex-direction flex-wrap align-stretch flex-sub'>
          <benben-down-menu ref="downMenu1704166702442" v-model="is_drup" :auto='false' :z-index='99'
            mark-color='rgba(0,0,0,0.3)'>
            <view>
              <benben-flex-tabs class-name='homePage_benbenTabsfd1_0_c0_c1' v-model="classification_id"
                ref="benben_tabsfd1_0_c0_c1" select-mark="benben_tabsfd1_0_c0_c1" key="benben_tabsfd1_0_c0_c1"
                :open-title-type='false' :open-sticky='false' :top='0' :is-show-content='false' :scrollspy='false'
                :tabs-info.sync="tabsInfofd1_0_c0_c1">

                <view class='flex flex-wrap align-center homePage_leftfd1_0_c0_c1_c0'>
                </view>

                <scroll-view @scroll="tabsInfofd1_0_c0_c1.scrollX = $event.detail.scrollLeft"
                  id="benben_tabsfd1_0_c0_c1" class="benben-tabs" style="width:686rpx" :scroll-x="true"
                  :scroll-left.sync="tabsInfofd1_0_c0_c1.moveX" scroll-with-animation="all .3s ease">
                  <view class="benben-tabs-content" id="benben_tabsfd1_0_c0_c1-content">
                    <view id="benben_tabsfd1_0_c0_c1-title" class="benben-tabs-title flex align-center flex ">
                      <!-- @tap="classification_id == item.aid" -->
                      <template v-for='(item,key0) in classificationType' v-if="key0<5">
                        <view :key='key0'
                          :class="{ 'checkTitlefd1_0_c0_c1': classification_id == item.aid, 'flex flex-wrap justify-center align-center homePage_titlefd1_0_c0_c1_c3': true }"
                          @tap="getSearch(item)" :id="`benben_tabsfd1_0_c0_c1-title-item-${item.aid}`">

                          <text>{{item.cate_name}}</text>

                        </view>
                      </template>
                    </view>
                    <view :style="{ left: tabsInfofd1_0_c0_c1.lineleft, maxWidth: tabsInfofd1_0_c0_c1.lineWidth ,}"
                      id="benben_tabsfd1_0_c0_c1-line"
                      class="benben-tabs-line flex benben-flex-tabs-line homePage_linefd1_0_c0_c1"></view>
                  </view>
                </scroll-view>

                <view class='flex flex-wrap align-center homePage_rightfd1_0_c0_c1_c0' @tap.stop="opeContainerFunc()">
                  <image class='homePage_rightfd1_0_c0_c1_c0_c0' mode="aspectFit" :src='STATIC_URL+"60.png"'></image>
                </view>

              </benben-flex-tabs>

            </view>

            <template #popup>
              <view class='flex flex-direction flex-wrap align-stretch homePage_fd1_0_c0_c0'>
                <view class='flex flex-direction flex-wrap align-stretch flex-sub homePage_fd1_0_c0_c0_c0'>
                  <view class='flex flex-wrap align-center homePage_fd1_0_c0_c0_c0_c0'>
                    <text class='homePage_fd1_0_c0_c0_c0_c0_c0'>分类</text>
                  </view>
                  <view class='flex flex-wrap align-center homePage_fd1_0_c0_c0_c0_c1'>
                    <benben-select-diy ref="showSelectPopup1704166614107" class-name='flex flex-wrap align-center flex'
                      :items.sync="classificationType" v-model="classification_id" default-type="aid"
                      default-label="cate_name" :allow-cancel='false' type="radio" :disabled='false'>
                      <template v-for='(item,key0) in classificationType'>
                        <view v-if="item.isSelected"
                          class='flex align-center justify-center flex homePage_fd1_0_c0_c0_c0_c1_c0_c0' :key="key0"
                          @tap="$refs.showSelectPopup1704166614107.tapHandle(key0)">
                          <text class='homePage_fd1_0_c0_c0_c0_c1_c0_c0_c0'>{{item.cate_name}}</text>
                        </view>
                        <view v-else class='flex align-center justify-center flex homePage_fd1_0_c0_c0_c0_c1_c0_c1'
                          :key="key0" @tap="$refs.showSelectPopup1704166614107.tapHandle(key0)">
                          <text class='homePage_fd1_0_c0_c0_c0_c1_c0_c1_c0'>{{item.cate_name}}</text>
                        </view>
                      </template></benben-select-diy>
                  </view>
                  <view class='flex flex-wrap align-center justify-between homePage_fd1_0_c0_c0_c0_c2'>
                    <button class='homePage_fd1_0_c0_c0_c0_c2_c0' @tap.stop="resetFunc()">重置</button>
                    <button class='homePage_fd1_0_c0_c0_c0_c2_c1' @tap.stop="confirmFunc()">确定</button>
                  </view>
                </view>
              </view>

            </template>
          </benben-down-menu>
        </view>

      </view>
      <view :style="{height: '88rpx'}"></view>
      <!---flex布局flex布局开始-->
      <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout homePage_flex_2">
        <template v-for='(item,key0) in dataList'>
          <view class='flex flex-direction flex-wrap align-stretch homePage_fd2_0' @tap.stop="handleJumpDiy"
            data-type="navigateTo" :data-url="`/pages/shouye/postquestionsDetails/postquestionsDetails?id=${item.aid}`"
            :key='key0'>
            <view class='flex flex-wrap align-center'>
              <view class='homePage_fd2_0_c0_c2'> <text class='homePage_fd2_0_c0_c0'
                  v-if=" item.is_system=='1'">官方</text>
                <image class='homePage_fd2_0_c0_c1' mode="aspectFit" :src='STATIC_URL+"50.png"'
                  v-if=" item.is_hot=='1'">
                </image>{{item.title}}
              </view>
            </view>
            <view class='flex flex-wrap align-center homePage_fd2_0_c1'>
              <text class='homePage_fd2_0_c1_c0'>{{item.content}}</text>
            </view>
            <view class='flex flex-wrap align-center homePage_fd2_0_c2'>
              <image class='homePage_fd2_0_c2_c0' mode="aspectFit" :src='item.avatar'></image>
              <text class='homePage_fd2_0_c2_c1'>{{item.user_nickname}}</text>
              <text class='homePage_fd2_0_c2_c2'>{{item.create_time}}</text>
              <text class='homePage_fd2_0_c2_c3'>发布{{item.type_name}}</text>
            </view>
            <view class='flex flex-wrap align-center justify-between homePage_fd2_0_c3'>
              <view class='flex flex-wrap align-center'
                @tap.stop="goLike(item,item.aid,item.is_support,item.type,item.support_number)">
                <image class='homePage_fd2_0_c3_c0_c0' mode="aspectFit" v-if="item.is_support==0"
                  :src='STATIC_URL+"65.png"'></image>
                <image class='homePage_fd2_0_c3_c0_c0' mode="aspectFit" v-else :src='STATIC_URL+"119.png"'></image>
                <text class='homePage_fd2_0_c2_c3'>{{item.support_number}}</text>
              </view>
              <!-- -->
              <view class='flex flex-wrap align-center'
                @tap.stop="collectionFunFunc(item,item.aid,item.is_collection,item.type,item.collection_number)">
                <image class='homePage_fd2_0_c3_c0_c0' mode="aspectFit" v-if="item.is_collection==0"
                  :src='STATIC_URL+"24.png"'></image>
                <image class='homePage_fd2_0_c3_c0_c0' mode="aspectFit" v-else :src='STATIC_URL+"118.png"'></image>
                <text class='homePage_fd2_0_c2_c3'>{{item.collection_number}}</text>
              </view>
              <view class='flex flex-wrap align-center'>
                <image class='homePage_fd2_0_c3_c0_c0' mode="aspectFit" :src='STATIC_URL+"26.png"'></image>
                <text class='homePage_fd2_0_c2_c3'>{{item.comment_number}}</text>
              </view>
              <!-- <view class='flex flex-wrap align-center'>
                <image class='homePage_fd2_0_c3_c0_c0' mode="aspectFit" :src='STATIC_URL+"25.png"'></image>
                <text class='homePage_fd2_0_c2_c3'>{{item.support_number}}</text>
              </view> -->
            </view>
          </view>
        </template>
        <fu-empty-ui v-if="dataList.length==0"></fu-empty-ui>
        <!-- <fu-empty :pagingListLoadedAll="pagingListLoadedAll" :pagingListNoListData="pagingListNoListData"
          :listDataLength="listDataLength" :isLoadInit="isLoadInit"></fu-empty> -->
      </view>

      <!---flex布局flex布局结束-->
    </view>
    <benben-popup v-model="popupShow1705070444859" :mask="true" :mask-close-able="false" mode='center' :z-index='999'>
      <!---没有验证flex布局开始-->
      <view class="flex benben-flex-layout flex-wrap align-center">
        <view class='flex flex-direction flex-wrap align-center releasePage_fd1_0'>
          <text class='releasePage_fd1_0_c0'>提示</text>
          <text class='releasePage_fd1_0_c1'>您的学校还没有验证通过，暂不
            能发布，是否去进项学校验证？</text>
          <view class='flex align-center releasePage_fd1_0_c2'>
            <button class='releasePage_fd1_0_c2_c0' @tap.stop="popupShow1705070444859=false">取消</button>
            <button class='releasePage_fd1_0_c2_c1' @tap.stop="handleJumpDiy" data-type="navigateTo"
              :data-url="`/pages/dlzc/addSchool/addSchool`">去验证</button>
          </view>
        </view>
      </view>

      <!---没有验证flex布局结束-->

    </benben-popup>
    <app-update :auto='true' ref="update"></app-update>
  </view>
</template>
<script>
  import pagingList from '@/common/mixin/paging_list.js';
  import {
    validate
  } from '@/common/utils/validate.js';
  import {
    TUILogin
  } from "@tencentcloud/tui-core";

  export default {
    components: {},
    mixins: [pagingList],

    data() {
      return {
        isedit: false,
        "tabsInfofd1_0_c0_c1": {
          lineleft: '',
          lineWidth: '',
          moveX: 0,
          scrollX: 0,
          PageScrollX: 0
        },
        "tabsInfofd0_0_c0": {
          lineleft: '',
          lineWidth: '',
          moveX: 0,
          scrollX: 0,
          PageScrollX: 0
        },
        "minixPagingListsApi": "",
        "pageingListApiMethod": "",
        "allowOnloadGetList": false,
        "tabls": "2",
        "classification_id": "-1",
        "classificationType": [],
        "is_drup": false,
        "dataList": [],
        address: {
          latitude: '',
          longitude: '',
          city: ''
        },
        chatnums: 0,
        info: {
          comment_choose: 0,
          follow: 0,
          suppert_collection: 0,
          news_system_time: '',
          news_system: ''
        },
        data: '',
        popupShow1705070444859: false
      };
    },
    computed: {
      themeColor() {
        return this.$store.getters.themeColor
      },
      isLogin() {
        return this.$store.state.token == '' ? false : true;
      },
    },
    watch: {},
    onLoad(options) {
      let that = this
      if (global.appTabBarType) this.toHomeDiy()
      this.getClassificationFunc()
      console.log('lllll', uni.getStorageSync('gugeaddress'))
      if (uni.getStorageSync('gugeaddress').latitude) {
        this.address.latitude = uni.getStorageSync("gugeaddress").latitude
        this.address.longitude = uni.getStorageSync("gugeaddress").longitude
        this.address.city = uni.getStorageSync("gugeaddress").addresstxt
      } else {}
      if (that.isLogin) {
        this.getUserFunc()
        this.getMessFunc()
      }

      this.getdataFunc()

    },
    onUnload() {

    },
    onReady() {
      this.$util.debounce(
        () => {
          this.$refs.update.checkAppUpdate()
        },
        1000,
        true
      )
    },
    onShow() {
      // this.tabls='2'

    },
    onHide() {
      this.isedit = false
      this.popupShow1705070444859 = false
    },
    onResize() {

    },
    mounted() {
      uni.$on('dianzan', res => {
        console.log('dianzan2222', res)
        this.dataList.map(item => {
          if (item.aid == res.id) {

            if (item.is_support == 0) {
              console.log(item, 'item')
              item.is_support = 1
              item.support_number = item.support_number + 1
            } else {
              console.log(item, '000000')
              item.is_support = 0
              item.support_number = item.support_number - 1
            }
          }
        })
      })
      uni.$on('shoucang', res => {
        console.log('shoucang', res)
        this.dataList.map(item => {
          if (item.aid == res.id) {

            if (item.is_collection == 0) {
              console.log(item, 'shoucang')
              item.is_collection = 1
              item.collection_number = item.collection_number + 1
            } else {
              console.log(item, '00shoucang0000')
              item.is_collection = 0
              item.collection_number = item.collection_number - 1
            }
          }
        })
      })
    },
    onPullDownRefresh() {
      this.getdataFunc()
    },
    onReachBottom(e) {

    },
    onPageScroll(e) {

    },
    methods: {
      async getUserFunc() {
        //请求方法
        //数据验证

        let datadata = await this.$api.get(global.apiUrls.post5c78c4772da97, {

        });

        if (datadata.data.code != 1) {
          this.$message.info(datadata.data.msg);
          return
        }
        let infodata = datadata.data;
        this.data = infodata.data
      },
      gopublishFunc(type) {
        if (this.data.is_school == 0 || this.data.is_school == 1) {
          this.popupShow1705070444859 = true;
        } else {
          if (type == '1') {
            this.$urouter.navigateTo(`/pages/fabu/postApost/postApost?aid=0&type=1`);
          } else if (type == '2') {
            this.$urouter.navigateTo(`/pages/fabu/postApost/postApost?aid=0&type=2`);
          } else if (type == '3') {
            this.$urouter.navigateTo(`/pages/fabu/groupBureau/groupBureau?aid=0`);
          }
        }
      },
      async getMessFunc() {
        //请求方法
        //数据验证

        let datadataMeas = await this.$api.get(global.apiUrls.post657a9b8d16d9b, {

        });

        if (datadataMeas.data.code != 1) {
          this.$message.info(datadataMeas.data.msg);
          return
        }
        let infodataMeas = datadataMeas.data;
        this.info = infodataMeas.data
        if (uni.$TIM.isReady()) {
          this.chatnums = TUILogin.chat.getTotalUnreadMessageCount();
          // this.$store.commit('getNum', nums);

        }
        let totaoNum = parseFloat(this.chatnums) + parseFloat(this.info.total)
        if (totaoNum) {
          uni.setTabBarBadge({
            index: 2,
            text: totaoNum.toString()
          })
        }
        console.log('dataMeas', this.info)

      },
      //开启下拉容器
      opeContainerFunc() {
        if (this.is_drup === false) {
          this.is_drup = true;
        } else {
          this.is_drup = false;
        }
        this.getdataFunc()
      },
      getChoose(item) {
        this.classification_id = item.aid
        this.getdataFunc()
      },
      getSearch(item) {
        let that = this
        that.classification_id = item.aid

        if (that.classification_id == '-2') {
          console.log('classification_id', that.address.latitude)
          if (!that.address.latitude) {
            // that.$message.info('请选择地理位置')
            setTimeout(res => {
              uni.getLocation({
                // type: 'gcj02',
                type: 'wgs84',
                // #ifdef APP
                geocode: true,
                // #endif
                isHighAccuracy: true,
                success: adr => {
                  console.log('adradradradr', adr)
                  const obj = {
                    latitude: adr.latitude,
                    longitude: adr.longitude,
                    addresstxt: ''
                  }
                  uni.setStorageSync('gugeaddress', obj)
                  that.address = uni.getStorageSync('gugeaddress')

                  that.getdataFunc()
                },
                fail: fail => {
                  // that.$message.info(JSON.stringify(fail))
                  console.log('fail', fail)
                },
                complete: complete => {
                  // that.$message.info(JSON.stringify(complete))
                  console.log('complete', complete)
                }
              })
            }, 500)
          } else {
            that.getdataFunc()
          }

        } else {
          this.getdataFunc()
        }
      },
      //获取分类列表
      async getClassificationFunc() {
        //请求方法
        //数据验证

        let dataclassificationType = await this.$api.get(global.apiUrls.post6576ce2301251, {
          is_index: 1
        });

        if (dataclassificationType.data.code != 1) {
          this.$message.info(dataclassificationType.data.msg);
          return
        }
        let infoclassificationType = dataclassificationType.data;
        this.classificationType = infoclassificationType.data

        if (this.classificationType) {
          this.classification_id = this.classificationType[0].aid
        }
      },
      //重置
      resetFunc() {
        this.classification_id = this.classificationType[0].aid;
        this.opeContainerFunc()
      },
      //确定
      confirmFunc() {
        this.opeContainerFunc()
      },
      chenckChoose() {
        if (this.tabls != 2) {
          this.classification_id = ''
        } else {
          this.classification_id = '-1'
        }
        this.getdataFunc()
      },
      //获取帖子问答列表
      getdataFunc() {
        console.log('getdataFuncgetdataFunc', this.address.longitude, this.address.latitude)
        this.minixPagingListsApi = global.apiUrls.post6576d52e059d0;
        this.pageingListApiMethod = 'get';
        this.allowOnloadGetList = false;
        this.pagingListPostDataContent = {
          postcate_id: this.classification_id,
          is_school: this.tabls == 3 ? 1 : 0,
          is_follow: this.tabls == 1 ? 1 : 0,
          lng: this.address.longitude || '',
          lat: this.address.latitude || '',
        }
        this.listData = [];
        this.dataList = this.listData;
        uni.stopPullDownRefresh()
        this.pagingListToggle();

      },
      //点击夏欢
      async goLike(item, id, is_support, type) {
        let that = this
        //请求方法
        //数据验证
        if (!this.isLogin) {
          return;
        }
        let data6578266d977f5 = await this.$api.post(global.apiUrls.post657910f8d85a1, {
          type: type,
          postquestion_id: id,
          lng: that.address.longitude,
          lat: that.address.latitude,
          action: is_support == 0 ? 1 : 0
        });

        if (data6578266d977f5.data.code != 1) {
          this.$message.info(data6578266d977f5.data.msg);
          return
        }
        if (item.is_support == 0) {
          item.is_support = 1
          item.support_number = item.support_number + 1
        } else {
          item.is_support = 0
          item.support_number = item.support_number - 1
        }


      },
      //点击收藏
      async collectionFunFunc(item, id, is_collection, type) {
        //请求方法
        //数据验证
        if (!this.isLogin) {
          return;
        }
        let data6578266d977f5 = await this.$api.post(global.apiUrls.post6578266d977f5, {
          type: type,
          postquestion_id: id,
          action: is_collection == 0 ? 1 : 0
        });

        if (data6578266d977f5.data.code != 1) {
          this.$message.info(data6578266d977f5.data.msg);
          return
        }
        if (item.is_collection == 0) {
          item.is_collection = 1
          item.collection_number = item.collection_number + 1
        } else {
          item.is_collection = 0
          item.collection_number = item.collection_number - 1
        }


      },
      pagingListPostData() {
        return this.pagingListPostDataContent
      }
    }
  };
</script>
<style lang="scss" scoped>
  .releasePage_fd1_0_c2_c1 {
    background: rgba(255, 255, 255, 1);
    font-size: 32rpx;
    color: rgba(100, 80, 235, 1);
    width: 270rpx;
    height: 101rpx;
    line-height: 101rpx;
    font-weight: 500;
  }

  .releasePage_fd1_0_c2_c0 {
    border-right: 1px solid #eee;
    background: #fff;
    font-size: 32rpx;
    color: rgba(153, 153, 153, 1);
    width: 270rpx;
    height: 101rpx;
    line-height: 101rpx;
    font-weight: 400;
  }

  .releasePage_fd1_0_c2 {
    border-top: 1px solid #eee;
    margin: 51rpx 0rpx 0rpx 0rpx;
  }

  .releasePage_fd1_0_c1 {
    line-height: 44rpx;
    font-size: 28rpx;
    font-weight: 500;
    color: #333333;
    text-align: center;
    margin: 32rpx 40rpx 0rpx 40rpx;
  }

  .releasePage_fd1_0_c0 {
    line-height: 44rpx;
    font-size: 36rpx;
    font-weight: 700;
    color: #333333;
    margin: 40rpx 0rpx 0rpx 0rpx;
  }

  .releasePage_fd1_0 {
    background: #fff;
    width: 540rpx;
    background-size: 100% auto !important;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
  }

  .mask-fiii {
    width: auto;
    position: fixed;
    // top: 100rpx;
    right: 32rpx;
    z-index: 99;
  }

  .favoritePosts_popup_1 {
    background: rgba(51, 51, 51, 1);
    border-radius: 8rpx 8rpx 8rpx 8rpx;
    width: 245rpx;
    height: 264rpx;
    background-size: 100% auto !important;
  }

  .favoritePosts_positionPopup1_c0s {
    text-align: center;
    line-height: 38rpx;
    color: #FFFFFF;
    font-size: 28rpx;
    font-weight: 400;
    padding: 24rpx 0rpx 24rpx 0rpx;
  }

  .favoritePosts_positionPopup1_c0 {
    border-bottom: 1px solid rgba(112, 112, 112, 1);
    text-align: center;
    line-height: 38rpx;
    color: #FFFFFF;
    font-size: 28rpx;
    font-weight: 400;
    padding: 24rpx 0rpx 24rpx 0rpx;
  }

  .page {
    width: 100vw;
    overflow-x: hidden;
    min-height: calc(100vh - var(--window-bottom));
    background: rgba(248, 248, 248, 1);
    background-size: 100% auto;
  }

  .homePage_flex_0 {
    background: rgba(255, 255, 255, 1);
    width: 750rpx;
    height: 90rpx;
    overflow: hidden;
    z-index: 10;
    top: 0rpx;
    background-size: 100% auto;
  }

  .homePage_titlefd0_0_c0_c3 {
    margin: 0rpx 56rpx 0rpx 0rpx;
  }

  .homePage_linefd0_0_c0 {
    background: rgba(100, 80, 235, 1);
    width: 16rpx;
    height: 8rpx;
    top: 80rpx;
    background-size: 100% auto !important;
    border-radius: 2rpx 2rpx 14rpx 14rpx;
  }

  .homePage_rightfd0_0_c0_c0_c0 {
    width: 44rpx;
    height: 44rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .homePage_rightfd0_0_c0_c0 {
    width: 100rpx;
    height: 100%;
    // margin: 0rpx 32rpx 0rpx 0rpx;
  }

  .homePage_leftfd0_0_c0_c0 {
    width: 32rpx;
    height: 100%;
  }

  .checkTitlefd0_0_c0 {
    font-weight: 700 !important;
    font-size: 40rpx !important;
    color: #333 !important;
    background-color: rgba(255, 255, 255, 1) !important;
  }

  ::v-deep .homePage_benbenTabsfd0_0_c0 {
    background: #fff;
    width: 750rpx;
    height: 90rpx;
    white-space: nowrap;
    text-align: center;
    font-size: 32rpx;
    font-weight: 400;
    color: #666666;
  }

  .homePage_flex_1 {
    background: rgba(255, 255, 255, 1);
    width: 750rpx;
    height: 88rpx;
    z-index: 10;
    top: 90rpx;
    background-size: 100% auto;
  }

  .homePage_titlefd1_0_c0_c1_c3 {
    // margin: 0rpx 48rpx 0rpx 0rpx;
    width: 130rpx;
  }

  .homePage_linefd1_0_c0_c1 {
    background: rgba(255, 255, 255, 1);
    width: 100rpx;
    height: 8rpx;
    top: 80rpx;
    background-size: 100% auto !important;
  }

  .homePage_rightfd1_0_c0_c1_c0_c0 {
    width: 44rpx;
    height: 44rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .homePage_rightfd1_0_c0_c1_c0 {
    width: 44rpx;
    height: 44%;
    margin: 0rpx 24rpx 0rpx 0;
  }

  .homePage_leftfd1_0_c0_c1_c0 {
    width: 32rpx;
    height: 32%;
  }

  .checkTitlefd1_0_c0_c1 {
    font-weight: 700 !important;
    font-size: 28rpx !important;
    color: #6450EB !important;
  }

  ::v-deep .homePage_benbenTabsfd1_0_c0_c1 {
    background: #fff;
    width: 750rpx;
    height: 90rpx;
    white-space: nowrap;
    text-align: center;
    font-size: 28rpx;
    font-weight: 400;
    color: #999999;
    // padding: 0 24rpx;
  }

  .homePage_fd1_0_c0_c0_c0_c2_c1 {
    background: rgba(100, 80, 235, 1);
    border-radius: 64rpx;
    width: 414rpx;
    line-height: 88rpx;
    font-size: 32rpx;
    color: var(--benbenFontColor3);
  }

  .homePage_fd1_0_c0_c0_c0_c2_c0 {
    background: rgba(248, 248, 248, 1);
    border-radius: 64rpx;
    width: 240rpx;
    line-height: 88rpx;
    font-size: 32rpx;
    color: rgba(102, 102, 102, 1);
  }

  .homePage_fd1_0_c0_c0_c0_c2 {
    margin: 28rpx 15rpx 0rpx 0rpx;
  }

  .homePage_fd1_0_c0_c0_c0_c1_c0_c1_c0 {
    color: #333333;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 24rpx;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }

  .homePage_fd1_0_c0_c0_c0_c1_c0_c1 {
    background: rgba(248, 248, 248, 1);
    margin: 0rpx 15rpx 20rpx 0rpx;
    width: 160rpx;
    height: 64rpx;
    border-radius: 8rpx;
    background-size: 100% auto;
  }

  .homePage_fd1_0_c0_c0_c0_c1_c0_c0_c0 {
    color: #6450EB;
    font-size: 24rpx;
    font-weight: 700;
    line-height: 24rpx;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }

  .homePage_fd1_0_c0_c0_c0_c1_c0_c0 {
    border: 1px solid rgba(100, 80, 235, 1);
    background: rgba(100, 80, 235, 0.08);
    margin: 0rpx 15rpx 20rpx 0rpx;
    width: 160rpx;
    height: 64rpx;
    border-radius: 8rpx;
    background-size: 100% auto;
  }

  .homePage_fd1_0_c0_c0_c0_c1 {
    margin: 32rpx 0rpx 0rpx 0rpx;
  }

  .homePage_fd1_0_c0_c0_c0_c0_c0 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 700;
    line-height: 48rpx;
  }

  .homePage_fd1_0_c0_c0_c0_c0 {
    margin: 0rpx 15rpx 0rpx 0rpx;
  }

  .homePage_fd1_0_c0_c0_c0 {
    padding: 32rpx 17rpx 33rpx 32rpx;
  }

  .homePage_fd1_0_c0_c0 {
    background: #ffffff;
    width: 750rpx;
    border-radius: 0rpx 0rpx 24rpx 24rpx;
  }

  .homePage_flex_2 {
    padding: 24rpx 32rpx 120rpx 32rpx;
  }

  .homePage_fd2_0_c3_c0_c0 {
    width: 40rpx;
    height: 40rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 12rpx 0rpx 0rpx;
  }

  .homePage_fd2_0_c3 {
    border-top: 1px solid #eee;
    padding: 32rpx 0rpx 0rpx 0rpx;
    margin: 24rpx 0rpx 0rpx 0rpx;
  }

  .homePage_fd2_0_c2_c3 {
    color: #999999;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .homePage_fd2_0_c2_c2 {
    color: #999999;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 32rpx;
    margin: 0rpx 17rpx 0rpx 0rpx;
  }

  .homePage_fd2_0_c2_c1 {
    color: #333333;
    font-size: 24rpx;
    font-weight: 700;
    line-height: 32rpx;
    margin: 0rpx 20rpx 0rpx 0rpx;
  }

  .homePage_fd2_0_c2_c0 {
    width: 48rpx;
    height: 48rpx;
    border-radius: 50%;
    margin: 0rpx 14rpx 0rpx 0rpx;
  }

  .homePage_fd2_0_c2 {
    margin: 24rpx 0rpx 0rpx 0rpx;
  }

  .homePage_fd2_0_c1_c0 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 44rpx;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }

  .homePage_fd2_0_c1 {
    margin: 20rpx 0rpx 0rpx 0rpx;
  }

  .homePage_fd2_0_c0_c2 {
    color: #333333;
    font-size: 32rpx;
    font-weight: 700;
    line-height: 35rpx;
  }

  .homePage_fd2_0_c0_c1 {
    width: 38rpx;
    height: 42rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 15rpx 10rpx 0rpx;
  }

  .homePage_fd2_0_c0_c0 {
    background: rgba(100, 80, 235, 0.1);
    color: #6450EB;
    font-size: 24rpx;
    font-weight: 700;
    line-height: 24rpx;
    padding: 3rpx 10rpx 3rpx 10rpx;
    border-radius: 4rpx;
    background-size: 100% auto;
    margin: 0rpx 10rpx 10rpx 0rpx;
  }

  .homePage_fd2_0 {
    background: rgba(255, 255, 255, 1);
    border-radius: 16rpx;
    background-size: 100% auto;
    margin: 0rpx 0rpx 24rpx 0rpx;
    padding: 32rpx 24rpx 32rpx 24rpx;
  }
</style>
